<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0029)http://www.xtuan.com/zt/mfbj/ -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="x-ua-compatible" content="ie=7">
<title>免费量房设计报价-保家网</title>
<meta name="description" content="">
<link href="css/2013city_new_public.css" rel="stylesheet" type="text/css">
<link href="css/2014common.css" rel="stylesheet" type="text/css">
<link href="css/x_tuan_new.css" rel="stylesheet" type="text/css">
<script charset="utf-8" src="./免费量房设计报价-保家网_files/insert_bdtj"></script>
<script charset="utf-8" src="js/v.js"></script>
<script src="js/hm.js"></script>
<script src="js/push.js"></script>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/head.js" type="text/javascript"></script>
<script src="js/x_tuan_new.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/layer.css" id="layui_layer_skinlayercss" style="">
    <style type="text/css">
    .newkf{
        z-index:9999998;
        top:120px;
        right:0;
        position:fixed;
        _position:absolute;
        _top: expression(eval(document.documentElement.scrollTop));
        _margin-top:120px;
    }
    .newkf_hide{
        display:none;
        height:136px;
        width:30px;
        position:relative
    }
    .newkf_iframe{
        height:100%;
        width: 60px;
        background:#fff;
        position: absolute;
        top: 0;
        left: 0;
        z-index:10;
    }
    .newkf_hidebox{
        height:136px;
        cursor:pointer;
    }
    .hide_box{
        height:108px;
        width:30px;
        background:url(http://static.xtuan.com/images/newke.png) -123px 0 no-repeat;
    }
    .newkf_hide #newkftop{
        display:none;
        background:url(http://static.xtuan.com/images/newke.png) -123px -108px no-repeat;
        width:30px;
        height:28px;
        overflow:hidden;
        text-indent:-999px;
        z-index:2; float:left;
    }
    .newkf_show{
        display:block;
        height:350px;
        width:60px;
        position:relative;
    }
    .newkf_showbox{
        background: url(http://static.xtuan.com/images/newke_top.png) 0px 1px no-repeat;
        position:absolute; z-index:100;padding-bottom: 1px;
    }
    .newkf_close{
        display:block;
        width:60px;
        height:15px;
        cursor:pointer;
    }
    .newkf_ht{
        display:block;
        background:url(http://static.xtuan.com/images/haitun.gif) center 0 no-repeat;
        height:54px;
        width:60px;
    }
    .newkf_qq,.newkf_zx,.newkf_rz,#newkf_gz,#newkf_sq,#newkf_down,#newkf_quesition{
        height:56px;
        width:60px;
        display:block;
        cursor: pointer;
        background:url(http://static.xtuan.com/images/newke.png) no-repeat;
        float:left;
    }
    .newkf_qq{
        background-position:-62px -69px;
    }
    .newkf_qq:hover{
        background-position:0 -69px;
    }
    .newkf_zx{
        background-position:-62px -125px;
    }
    .newkf_zx:hover{
        background-position:0px -125px;
    }
    .newkf_rz{
        background-position:-62px -293px;
    }
    .newkf_rz:hover{
        background-position:0px -293px;
    }
    #newkf_gz{
        background-position:-62px -349px;
        height:57px;
    }
    #newkf_gz:hover,#newkf_gz.on{
        background-position:0 -349px;
    }
    #newkf_sq{
        background-position:-62px -181px;
    }
    #newkf_sq:hover,#newkf_sq.on{
        background-position:0px -181px;
    }
    #newkf_quesition{
        background-position:-62px -237px;
    }
    #newkf_quesition:hover,#newkf_quesition.on{
        background-position:-0px -237px;
    }
    .newkf_show #newkfbottom{
        display:none;background:url(http://static.xtuan.com/images/newke.png) -62px -461px no-repeat;
        width:60px;
        height:56px;
        overflow:hidden;
        text-indent:-999px;
        z-index:2;
        float:left;
    }
    .newkf_show #newkfbottom:hover{
        background-position:0 -461px;
    }
    .newkf_share{
        position:relative;
        width:60px;
        height:56px;
        float:left;
    }
    #newkf_chat_weixin{
        position:absolute;
        text-align: center;
        bottom:0px;
        right:60px;
        width: 134px;
        height: 124px;
        display:none;
        z-index: 1500;
        background:#fff;
    }
    #newkf_chat_weixin .newkf_chat_weibo{
        padding:15px 0px 0px 0px;
    }
    .wzxBox{
        line-height:18px;
        width:335px;
        height:219px;
        position:absolute;
        bottom:0;right:60px;
        background:#fff;
        display:none;
    }
    .wzxBox textarea{
        width:293px;
        border:1px solid #e2e2e2;
        height:72px;
        line-height:18px;
        padding:3px 5px;
        resize:none;
        font-size: 12px;
    }
    .wzxBox p{
        margin-bottom:10px;
    }
    .wzx_smt{
        margin:10px 0 5px;
        overflow:hidden;
    }
    .wzx_smt p{
        width:163px;
        float:left;
        font-weight:normal;
        color:#000;
    }
    .wzx_smt input{
        float:right;
        width:137px;
        height:38px;
        padding:0;
        border:0;
        background:#d32047;
        cursor:pointer;
        font-size:14px;
        font-weight:bold;
        color:#fff;
    }
    .wzx_smt input:hover{
        background:#FF7A33;
        color:#fff
    }
    .zstyle{
        border-bottom:1px solid #e2e2e2;
        height:28px;
    }
    .zstyle strong{
        float:left; padding:0px 5px;
        cursor:pointer;
        position:relative;
        margin:0px 5px 0px 0px;
        height:28px;
    }
    zstyle strong.on{
        border-bottom:2px solid #d32047;
        color:#d32047;
    }
    .zstyle span{
        float:right;
    }
    .zstyle span b{
        color:#d62818;
        font-weight:normal;
        padding:0px 3px;
    }
    .zBox dl{
        overflow:hidden;
        padding-top:6px;
        width:310px;
    }
    .zBox dt{
        float:left;
        width:55px;
        line-height:24px;
        padding:10px 0px;
        height:25px;
        overflow:hidden;
    }
    .zBox dd{
        float:left;
        width:100px;
        line-height:18px;
        padding:10px 0px;
        height:25px;
        overflow:hidden;
    }
    .zBox dd input{
        width:85px;
        border:1px solid #e2e2e2;
        height:22px;
        padding:0px 3px;
        line-height:22px;
    }  .zBox dd select{ height:24px; width:93px;border:1px solid #e2e2e2;}  .replay_pl{border-top: 1px dotted #ccc;margin-top: 8px;clear: both;line-height: 22px;padding: 5px;}  .replay_pl p{font-size: 12px;}  .wzxBox .xzx_box{ position:absolute; z-index:999; width:309px;height:191px; top:0px; left:0px; display:block; padding:21px 12px 3px 12px;border:solid 2px #d32047;box-shadow:1px 1px 8px #999;  background:#fff;}  .wzxBox .xzx_farme{ position:absolute; z-index:99; width:337px;height:219px; top:0px; left:0px; display:block;  background:#fff;}  #newkf_chat_weixin .xzx_box{position: absolute;z-index: 999;width:90px;height:90px;bottom: 0px;right: 0px;display: block;padding: 15px 20px;overflow: hidden;border: solid 2px #D32047;box-shadow: 1px 1px 8px #999;background: #FFF;}  #newkf_chat_weixin .xzx_farme{ position:absolute; z-index:99; width:164px;height:164px; top:0px; right:0px; display:block; background:#fff;}

    .price_wrap .banner{
        background: url(image/bg.png) no-repeat center;
        background-size: 100% 100%;
        height: 850px;
    }
    .price_wrap .banner .form{
        margin-top: 100px;
    }
    .choose{
        width: 288px;
        height: 44px;
        border-radius: 5px;
        border: 1px solid #bfbfbf;
        float: right;
        margin-top: -13px;
        margin-right: 17px;
    }
    .choose:after {
        content: ' ';
        position: absolute;
        top: 8px;
        right: 30px;
        border-top: 6px solid #666;
        border-right: 3px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 3px solid transparent;
    }
    .choose span{
        line-height: 44px;
        margin-left: 15px;
    }
    .choose-type{
        width: 288px;
        height: auto;
        position: absolute;
        background: white;
        margin-left: 23.5%;
        margin-top: 12px;
        z-index: 99;
        padding-bottom: 7px;
        border: 1px solid #ddd;
        display: none;
    }
    .choose-type ul{
        width: 100%;
        height: auto;
        float: left;
    }
    .choose-type ul li{
        float: left;     
        width: 45px;
        margin-left: 10px;
    }
    .choose-type ul li a{
        display: inline-block;
        width: 45px;
        text-align: center;
        margin: 5px 0;
        background-color: #f4f4f4;
        border-radius: 2px;
    }
    .choose-type ul li a:first-child{
        background: #ff6d15;
        color: white;
    }
    .thescal{
        transform:scale(1);
        -webkit-animation:scale-three2 1.5s ease infinite;
        -moz-animation:scale-three2 1.5s ease infinite;
        -o-animation:scale-three2 1.5s ease infinite;
        animation:scale-three2 1.5s ease infinite;
        animation-fill-mode: both;
    }
    @keyframes scale-three2{
        0%{transform:scale(1);
            opacity:.8
        }
        100%{
            transform:scale(1.3);
            opacity:0
        }
    }
    @-webkit-keyframes scale-three2{
        0%{
            -webkit-transform:scale(1);
            opacity:.7
        }
        100%{
            -webkit-transform:scale(1.3);
            opacity:0
        }
    }
    @-moz-keyframes scale-three2{
        0%{
            -moz-transform:scale(1);
            opacity:.7
        }
        100%{
            -moz-transform:scale(1.3);
            opacity:0
        }
    }
    @-o-keyframes scale-three2{
        0%{
            -o-transform:scale(1);
            opacity:.7
        }
        100%{
            -o-transform:scale(1.3);
            opacity:0
        }
    }
     .wrap-input{
         position: absolute;
         width: 160px;
         height: 160px;
         background: url(image/ico-line-btn1.png) no-repeat 0 0;
         background-size: cover;
         top: 22.5%;
         left: 447px;
         border-radius: 50%;
         opacity: .4;
     }
    .price_wrap .banner .result-btn{
       left: 478px;
    }
    .scromesg{
        width: 285px;
        height: 40px;
        top: 340px;
        left: 66%;
        position: absolute;
        border-radius: 20px;
        z-index: 999;
    }
    .wrap-cover{
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 9;
        background: black;
        opacity: .7;
        border-radius: 20px;
    }
    .scro-wap{
        width: 100%;
        height: 40px;
        overflow:hidden;
        position: absolute;
        z-index: 99;
        left: 0;
        top: 0;
        border-radius: 20px;
    }
    .scro-body{
        width: 100%;
        height: 100%;
        float: left;
        border-radius: 20px;
    }
    .scromesg img{
        width: 40px;
        height: 40px;
        float: left;
    }
    .scromesg span{
        line-height:38px;
        margin-left: 5px;
        font-size: 13px;
        color: white;
    }
    #scrollDiv .line{
          /*position: absolute;*/
          text-align:center;
          width:100%;
          float: left;
      }
    .price_wrap .banner .form .form-tip{
        color: #C4C4C4;
    }
    .choose_room{
        width: 100%;
        height: auto;
        margin-top: -16px;
        margin-bottom: 25px;
        float: left;
    }
    .data-choose{
        width: auto;
        height: auto;
        float: left;
        margin-left: 30px;
    }
    .data-choose:first-child{
        margin-left: 23%;
    }
    .radio_group{
        width: 100%;
        height: 15px;
        float: left;
    }
    .radio_group input{
        float: left;
        width: 15px;
        height: 15px;
        cursor: pointer;
        position: relative;
        opacity: 0;
    }
    .radio_group label{
        border:none;
        background:url('image/close.png') no-repeat;
        background-size:15px 15px;
        padding-left:18px;
        float: left;
        line-height: 15px;
        margin-left: -14px;
    }
    .same .radio_group input[name=room]:checked + label{
        background:url('image/closeds.png') no-repeat ;
        background-size:13px 13px;
    }
    .radio_group input[name=data]:checked + label{
        background:url('image/closeds.png') no-repeat ;
        background-size:13px 13px;
    }
    </style>
</head>
<body class="white-bg">
<div class="top_nav" style="position: relative; top: 0px; left: 0px; z-index: 999;">
    <ul>
        <li><a title="六大免费装修服务" href="http://www.xtuan.com/zt/mffw/" rel="nofollow">六大免费装修服务</a></li>
        <li><a title="免费验房" href="http://www.xtuan.com/zt/mfyf/" rel="nofollow">免费验房</a></li>
        <li><a class="current" title="免费量房设计报价" href="http://www.xtuan.com/zt/mfbj/" rel="nofollow">免费量房设计报价</a></li>
        <li><a title="免费装修监理" href="http://www.xtuan.com/zt/mfjl/" rel="nofollow">免费装修监理</a></li>
        <li><a title="装修保" href="http://www.xtuan.com/zt/mfzxb/" rel="nofollow" style="border-right: none;">装修保</a></li>
    </ul>
</div>
<!--头部导航end--><!--内容-->
<div class="price_wrap">
<div class="banner_g banner">
    <div class="form">
            <div class="bd">
                <form method="post" action="javascript:;" onsubmit="calMaterial(&#39;#calculate&#39;)" id="calculate">
                    <div class="val" style="padding-left: 0;margin-top: 35px;"><span style="font-size: 24px">装修计算器</span> 今天已有 <span class="num">507位业主</span> 获取了装修预算</div>
                    <div class="form-item">
                        <label>所在城市：<span class="text-theme">*</span> </label>
                        <select id="province" name="province" class="province"><option value="">省/市</option><option value="340000">A 安徽</option><option value="110000">B 北京</option><option value="500000">C 重庆</option><option value="350000" selected="">F 福建</option><option value="520000">G 贵州</option><option value="440000">G 广东</option><option value="450000">G 广西</option><option value="620000">G 甘肃</option><option value="230000">H 黑龙江</option><option value="410000">H 河南</option><option value="420000">H 湖北</option><option value="430000">H 湖南</option><option value="130000">H 河北</option><option value="460000">H 海南</option><option value="320000">J 江苏</option><option value="360000">J 江西</option><option value="220000">J 吉林</option><option value="210000">L 辽宁</option><option value="640000">N 宁夏</option><option value="150000">N 内蒙古</option><option value="630000">Q 青海</option><option value="510000">S 四川</option><option value="370000">S 山东</option><option value="610000">S 陕西</option><option value="140000">S 山西</option><option value="310000">S 上海</option><option value="120000">T 天津</option><option value="650000">X 新疆</option><option value="530000">Y 云南</option><option value="330000">Z 浙江</option></select>
                        <select id="city" name="city" class="province"><option value="">市/地区</option><option value="350100">福州市</option><option value="350200" selected="">厦门市</option><option value="350300">莆田市</option><option value="350400">三明市</option><option value="350500">泉州市</option><option value="350600">漳州市</option><option value="350700">南平市</option><option value="350800">龙岩市</option><option value="350900">宁德市</option></select>
                    </div>                
                    <div class="form-item">
                        <label>房屋面积：<span class="text-theme">*</span> </label>
                        <input class="form-input" type="text" placeholder="请输入计价面积" name="mianji" id="mianji"> <span class="unit">㎡</span>
                    </div>
                    <div class="form-item">
                        <label>房屋类型：<span class="text-theme">*</span> </label>
                        <div class='choose_room'>
                            <div class="data-choose">
                                <div  class="radio_group">
                                    <input type="radio" name="data" checked data-roomsty="1">
                                    <label for="check17">新房</label>
                                </div>
                            </div>
                            <div class="data-choose">
                                <div  class="radio_group">
                                    <input type="radio" name="data" data-roomsty="2">
                                    <label for="check17">旧房</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-item">
                        <label>房屋户型：<span class="text-theme">*</span></label>
                        <div class="choose">
                            <span class="hosuty1">1室</span>
                            <span class="hosuty2">1厅</span>
                            <span class="hosuty3">1厨</span>
                            <span class="hosuty4">1卫</span>
                            <span class="hosuty5">1阳台</span>
                        </div>
                        <div class="choose-type" >
                            <ul>
                                <li class="choose1">
                                    <a href="#javascript" data-room="1">1室</a>
                                    <a href="#javascript" data-room="2">2室</a>
                                    <a href="#javascript" data-room="3">3室</a>
                                    <a href="#javascript" data-room="4">4室</a>
                                    <a href="#javascript" data-room="5">5室</a>
                                    <a href="#javascript" data-room="6">6室</a>
                                </li>
                                <li class="choose2">
                                    <a href="#javascript" data-tin="1">1厅</a>
                                    <a href="#javascript" data-tin="2">2厅</a>
                                    <a href="#javascript" data-tin="3">3厅</a>
                                    <a href="#javascript" data-tin="4">4厅</a>
                                    <a href="#javascript" data-tin="5">5厅</a>
                                    <a href="#javascript" data-tin="6">6厅</a>
                                </li>
                                <li class="choose3">
                                    <a href="#javascript" data-chu="1">1厨</a>
                                    <a href="#javascript" data-chu="2">2厨</a>
                                    <a href="#javascript" data-chu="3">3厨</a>
                                    <a href="#javascript" data-chu="4">4厨</a>
                                    <a href="#javascript" data-chu="5">5厨</a>
                                    <a href="#javascript" data-chu="6">6厨</a>
                                </li>
                                <li class="choose4">
                                    <a href="#javascript" data-wc="1">1卫</a>
                                    <a href="#javascript" data-wc="2">2卫</a>
                                    <a href="#javascript" data-wc="3">3卫</a>
                                    <a href="#javascript" data-wc="4">4卫</a>
                                    <a href="#javascript" data-wc="5">5卫</a>
                                    <a href="#javascript" data-wc="6">6卫</a>
                                </li>
                                <li class="choose5">
                                    <a href="#javascript" data-gallery="1">1阳台</a>
                                    <a href="#javascript" data-gallery="2">2阳台</a>
                                    <a href="#javascript" data-gallery="3">3阳台</a>
                                    <a href="#javascript" data-gallery="4">4阳台</a>
                                    <a href="#javascript" data-gallery="5">5阳台</a>
                                    <a href="#javascript" data-gallery="6">6阳台</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="form-item">
                        <label>手机号码：<span class="text-theme">*</span> </label>
                        <input class="form-input" name="phone" id="phone" type="text" placeholder="报价结果将发送到您的手机">
                    </div>
                    <div class="form-tip">为了方便您及时查看报价，请输入常用手机号码，计算结果将以短信的形式同步发送到您的手机。</div>
                    <input type="hidden" id="c-type" name="type" value="1">
                    <input type="hidden" id="c-position" name="position" value="62">
                    <input class="result-btn translate" type="submit" value="" id="quoteForm-btn"  />
                    <span class="wrap-input"></span>
                    <span class="wrap-input"></span>
                    <em  class="translate" style="display: block;font-size: 16px;color: #fff;width: 44px;height: 44px;margin: 20px auto 0;z-index: 999;text-align: center;left:53%;top:113px;position:absolute;cursor: pointer">开始计算</em>
                    <span class="thescal " style="position: absolute;width: 130px;height: 130px;background:#fdcc9a;top: 27.5%;left: 462px;border-radius: 50%;opacity: .4;"></span>
                    <div class="scromesg">
                        <div class="wrap-cover"></div>
                        <div class="scro-wap" id="scrollDiv">
                            <ul>
                                <li class="scro-body">
                                    <img src="image/img_Avatar.png" alt="">
                                    <span>福建厦门  153****1515发起申请   20秒前</span>
                                </li>
                                <li class="scro-body">
                                    <img src="image/img_Avatar.png" alt="">
                                    <span>湖北武汉  153****1515发起申请   40秒前</span>
                                </li>
                                <li class="scro-body">
                                    <img src="image/img_Avatar.png" alt="">
                                    <span>安徽合肥  153****1515发起申请   40秒前</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </form>
                <div class="result" id="result" >
                    <div class="num">
                        您的装修预算约 <span class="total"></span> 元
                    </div>
                    <div class="over">
                        <p>人工费：<span class="labour"><em class="labours"></em> 元</span></p>
                        <p>材料费：<span class="material"><em class="materials"></em> 元</span></p>
                        <p>设计费：<span class="design"><em class="designs"></em> 元</span><span class="zero">0元</span></p>
                        <p>质检费：<span class="quality"><em class="qualitys"></em> 元</span><span class="zero">0元</span></p>
                    </div>
                    <div class="tip">
                        <p class="txt-1">* 稍候装修管家将回电您，免费提供装修咨询服务</p>
                        <p class="txt-2">* 因材料品牌及工程量不同，具体报价以量房实测为准</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!--内容end-->
<script src="js/marquee.js" type="text/javascript"></script>
<script type="text/javascript">
    var thisProvince = '350000';
    var thisCity = '350200';
</script>
<script src="js/apart.js" type="text/javascript"></script>
<script src="js/layer.js" type="text/javascript"></script>
<script src="js/calculate.js" type="text/javascript"></script>
<link href="css/2014foot.css" rel="stylesheet" type="text/css">
<div class="clear"></div>
<div class="ui-footer">
    <div class="grid">
        <div id="wrapfooter">
            <div class="ui-footer-about">
                <dl class="item-about">
                    <dt>关于我们</dt>
                    <dd><a target="_blank" href="http://www.xtuan.com/help/2.html" title="关于保家网(X团)">关于保家网(X团)</a></dd>
                    <dd><a target="_blank" href="http://www.xtuan.com/help/45.html" title="企业文化">企业文化</a></dd>
                    <dd><a target="_blank" href="http://www.xtuan.com/help/9.html" title="诚聘英才">诚聘英才</a></dd>
                    <dd><a target="_blank" href="http://www.xtuan.com/help/8.html" title="联系我们">联系我们</a></dd>
                </dl>
                <dl class="item-safe">
                    <dt>业主中心</dt>
                    <dd><a target="_blank" href="http://www.xtuan.com/zt/mfbj/" title="量房设计">量房设计</a></dd>
                    <dd><a target="_blank" href="http://www.xtuan.com/zt/mfbj/" title="施工招投标">施工招投标</a></dd>
                    <dd><a target="_blank" href="http://www.xtuan.com/baozhangjin/" title="申请保障金">申请保障金</a></dd>
                </dl>
                <dl class="item-spacial">
                    <dt>商家服务</dt>
                    <dd><a target="_blank" href="http://www.xtuan.com/index.php?controller=members/versionCompany" title="开通旺铺">开通旺铺</a></dd>
                    <dd><a target="_blank" href="http://www.xtuan.com/index.php?controller=members/register" title="商家会员注册">商家会员注册</a></dd>
                    <dd><a target="_blank" href="http://www.xtuan.com/zt/investment/" title="代理加盟">代理加盟</a></dd>
                    <dd><a target="_blank" href="http://www.xtuan.com/index.php?controller=members/charge/pay&amp;typeID=20" title="保障金充值">保障金充值</a></dd>
                </dl>
                <dl class="item-help">
                    <dt>帮助中心</dt>
                    <dd><a target="_blank" href="http://www.xtuan.com/help/17.html" title="如何发布装修招标">如何发布装修招标</a></dd>
                    <dd><a target="_blank" href="http://www.xtuan.com/help/19.html" title="优惠券使用">优惠券使用</a></dd>
                    <dd><a target="_blank" href="http://www.xtuan.com/help/wsyz/" title="常见问题">常见问题</a></dd>
                </dl>
                <div class="item-service">
                    <div class="tel">400-6600-877</div>
                    <div class="time">周一至周日9:00-21:00</div>
                    <div class="btn">
                        <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1014504153&amp;site=qq&amp;menu=yes" target="_blank"><i></i>在线咨询</a>
                    </div>
                </div>
                <img class="item-code" src="image/foot_code.jpg" width="115" height="115">
            </div>
            <div class="footer-icon">　
                <img src="image/foot_icon06.gif" alt="免费量房">　
                <img src="image/foot_icon01.gif" alt="免费设计">　
                <img src="image/foot_icon02.gif" alt="免费报价审核">　
                <img src="image/foot_icon03.gif" alt="免费监理验收">　
                <img src="image/foot_icon04.gif" alt="先装修后付款">　
                <img src="image/foot_icon05.gif" alt="支付宝特约商家">
            </div>
        </div>
          <div class="ui-footer-sitelink">
                <a href="http://www.xtuan.com/help/2.html" target="_blank" rel="nofollow">关于保家网(X团)</a>
                <a href="http://www.xtuan.com/help/9.html" target="_blank" rel="nofollow">加入保家网(X团)</a>
                <a href="http://www.xtuan.com/help/10.html" target="_blank" rel="nofollow">免责声明</a>
                <a href="http://www.xtuan.com/help/8.html" target="_blank" rel="nofollow">联系我们</a>
                <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1014504153&amp;site=qq&amp;menu=yes" target="_blank" rel="nofollow">建议与投诉</a>
                <a href="http://www.xtuan.com/sitemap.html" target="_blank" rel="nofollow">网站地图</a>
                <a href="http://www.xtuan.com/help/" target="_blank" rel="nofollow">帮助中心</a>
            </div>
            <p class="ui-footer-copyright">
                保家网(X团)是第三方网络服务平台方，若您发现您的权利被侵害，请发起知识产权投诉到：copyright@xtuan.com<br>
                Copyright © 2007-2018 xtuan.com <a href="http://www.xtuan.com/" rel="nofollow">保家网(X团)</a> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35020302000748"><img src="image/beian.png">闽公网安备 35020302000748号</a> - <a href="http://www.miitbeian.gov.cn/" rel="nofollow">闽ICP备11008663</a>
            </p>
    </div>
</div>
<script type="text/javascript" src="js/jquery.cookie.js"></script><div class="foot_zhaobiao_bar foot_fixed" id="foot_zhaobiao_bar">
    <div class="foot_mode">
        <div class="foot_zhaobiao_bg"></div>
        <div class="foot_zhaobiao">
            <div class="foot_people"></div>
            <div class="foot_txt"><span>一键报名,免费获取3份真实报价清单,</span>立即享受“验房、报价、设计PK、交易保障”免费服务</div>
            <form action="javascript:;" method="post" onsubmit="simplebaoming(&#39;#footZhaoBiao&#39;)" id="footZhaoBiao">
                <a href="javascript:;" class="foot_zhaobiao_close" id="foot_zhaobiao_close"></a>
                <dl>
                    <dt><label for="hchenghu">称呼:</label><input id="hchenghu" type="text" name="chenghu" placeholder="请输入您的称呼"></dt>
                    <dt><label for="htel">手机:</label><input id="htel" type="text" name="phone" placeholder="请输入您的手机号"></dt>
                    <dd><input type="submit" value="马上发布"></dd>
                </dl>
                <input value="1" name="type" type="hidden">
                <input type="hidden" name="position" value="28">
            </form>
            <div class="foot_price">                
               已有<span> 1179778 </span>人报名，<strong>立省30%装修款</strong>
            </div>            
        </div>
    </div>    
</div>
<div class="foot_people_close"></div>
<script type="text/javascript">
    if($.cookie('Stute')==0){
        $(".foot_zhaobiao_bar").css('left','-200%');
        $(".foot_people_close").css('left', '0px');
    }
    $(function() {
        $('.foot_zhaobiao_close').bind('click', function() {
            $(".foot_zhaobiao_bar").animate({
                'left': '-100%'
            }, 500, function() {
                $(".foot_people_close").animate({
                    'left': '0'
                }, 100);
                $.cookie('Stute', '0', { path: "/"});
            });
        });
        $(".foot_people_close").bind('click', function() {
            $(".foot_people_close").animate({
                'left': '-180px'
            }, 100, function() {
                $(".foot_zhaobiao_bar").animate({
                    'left': '0'
                }, 500);
                $.cookie('Stute', '1', { path: "/"});
            });
        });
    });
    $(window).scroll(function() {
        var topBar = $(window).scrollTop();
        var bodyHeigth = (document.body.scrollHeight) * 0.382;
        if (topBar > bodyHeigth) {
            $(".foot_zhaobiao_bar,.foot_people_close").fadeIn();
        } else {
            $(".foot_zhaobiao_bar,.foot_people_close").fadeOut();
        }
    });
</script><script src="./免费量房设计报价-保家网_files/saved_resource" type="text/javascript"></script><!--引用公共底部js 开始-->
<script src="js/footer.js" type="text/javascript"></script><div style="display:none">
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement('script');
  hm.src = 'https://hm.baidu.com/hm.js?76aaf5db1b7a0681125daae91028b78e';
  var s = document.getElementsByTagName('script')[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<script src="js/11.0.1.js" id="sozz"></script><script charset="utf-8" src="js/ab77b6ea7f3fbf79.js"></script>
<!--引用公共底部js 结束-->
<script src="js/ajaxJQuery.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
<script src="js/showDialog.js" type="text/javascript"></script>
<link href="css/showDialog.css" rel="stylesheet" type="text/css">
<script src="js/channel_common.js" type="text/javascript"></script>
<script src="./免费量房设计报价-保家网_files/saved_resource(1)" type="text/javascript"></script>
<script type="text/javascript">
    $(function() {
        $("img.lazy").lazyload({
            placeholder:"http://static.xtuan.com/images/grey.gif",
            threshold :3000,
            skip_invisible : false,
            effect : "fadeIn"
        });
    });
        function setcitylist(){
        var cityid = $('#q_province').val();
        var sitelist = CityList[cityid];
        var _html = '';
        for(i in sitelist){
            _html += '<option value="'+i+'">'+sitelist[i]['siteName']+'</option>'
        }
        $('#q_city').html(_html);
        if (_html == ''){
            $('#q_city').css('display','none');
        }else{
            $('#q_city').css('display','');
        }
    }
        $('#q_province').bind('keyup change',function(){
        setcitylist();
    });
    $('#q_button').click(function(){
        var url = '';
        var cityid = $('#q_province').val();
        var siteid = $('#q_city').val();
        url = CityList[cityid][siteid]['siteurl'];
        window.location.href = url;
    });
        //房屋类型点击选择
        var room=1;
        var tin=1;
        var chu=1;
        var wc=1;
        var gallery=1;
        var roomsty =1;
        $('.data-choose .radio_group input').click(function() {
            roomsty = $(this).data('roomsty')
        })
        $('.choose').click(function(e){
            e.stopPropagation();
            $('.choose-type').toggle();4
        })
        $('.choose1 a').click(function(){
            $('.choose1 a').css({'background':'#f4f4f4','color':'#333333'});
            $(this).css({'background':'#ff6d15','color':'white'});
            var text =$(this).text();
            $('.hosuty1').text(text);
            room =$(this).data('room');
        });
        $('.choose2 a').click(function(){
            $('.choose2 a').css({'background':'#f4f4f4','color':'#333333'});
            $(this).css({'background':'#ff6d15','color':'white'});
            var text =$(this).text();
            $('.hosuty2').text(text);
            tin =$(this).data('tin');
        });
        $('.choose3 a').click(function(){
            $('.choose3 a').css({'background':'#f4f4f4','color':'#333333'});
            $(this).css({'background':'#ff6d15','color':'white'});
            var text =$(this).text();
            $('.hosuty3').text(text);
            chu =$(this).data('chu');
        });
        $('.choose4 a').click(function(){
            $('.choose4 a').css({'background':'#f4f4f4','color':'#333333'});
            $(this).css({'background':'#ff6d15','color':'white'});
            var text =$(this).text();
            $('.hosuty4').text(text);
            wc =$(this).data('wc');
        });
        $('.choose5 a').click(function(){
            $('.choose5 a').css({'background':'#f4f4f4','color':'#333333'});
            $(this).css({'background':'#ff6d15','color':'white'});
            var text =$(this).text();
            $('.hosuty5').text(text);
            gallery =$(this).data('gallery');
        });
        $(document).click(function(){
            $('.choose-type').hide();
        });
        $(".choose-type").click(function(e){
            e.stopPropagation();
        });
        var privice = 350000;
        var city = 350200
        $('#province').click(function(){
           privice = $(this).val();
        })
        $('#city').click(function(){
            city = $(this).val();
        })

        //计算报价提交
        var privice = $('#province').val();
        var city = $('#city').val();
        console.log('省',privice)
        $('.translate').click(function() {
            var reg1 = /^1(3|4|5|7|8)\d{9}$/;
            var housty = ''+room+''+tin+''+chu+''+wc+''+gallery;
            var phone =$("#phone").val();
            var area = $('#mianji').val();
            if(privice==''){
                layer.msg('请选择省/市');
                return false;
            }else if(city==''){
                layer.msg('请选择市/地区');
                return false;
            }else if(area==''){
                layer.msg('请填写房屋面积');
                return false;
            }else if(phone==''){
                layer.msg('请填写您的联系电话');
                return false;
            }else if(!reg1.test(phone)){
                layer.msg('电话号码错误，请重新输入！');
                return false;
            }

            console.log('省',privice);
            console.log('市',city);
            console.log('面积',area)
            console.log('新旧房',roomsty);
            console.log('房屋户型',housty)
            console.log('电话',phone)
            if(!((area && phone)=='')){
               //  url = "final_result.html?area="+area;
               // window.location.href= url;
                $.ajax({
                    url : "AjaxJson",	//请求url
                    type : "POST",	//请求类型  post|get
                    data : {
                        privice:privice,
                        city:city,
                        area:area,
                        roomsty:roomsty,
                        housty:housty,
                        phone:phone
                    },
                    dataType : "json",  //返回数据的 类型 text|json|html--
                    success : function(users){
                        window.location.href='final_result.html?'+area;
                    }
                });
            }
        })
    window.onload = set_time();
    function set_time() {
        setTimeout(function() {
            var mater = parseInt(Math.random() *10000+9000);
            var artificial = parseInt(Math.random() *10000+8000);
            var design = parseInt(Math.random() *1000+500);
            var qua = parseInt(Math.random() *1000+700);
            $('.labours').text(mater);
            $('.materials').text(artificial);
            $('.designs').text(design);
            $('.qualitys').text(qua);
            $('.total').text(mater+qua+artificial+design);
            set_time();
        },200)
    };
    </script>
    <script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script>
    <script>
        (function($){
            $.fn.FontScroll = function(options){
                var d = {time: 3000,s: 'fontColor',num: 1}
                var o = $.extend(d,options);
                this.children('ul').addClass('line');
                var _con = $('.line').eq(0);
                var _conH = _con.height(); //滚动总高度
                var _conChildH = _con.children().eq(0).height();//一次滚动高度
                var _temp = _conChildH;  //临时变量
                var _time = d.time;  //滚动间隔
                var _s = d.s;  //滚动间隔
                _con.clone().insertAfter(_con);//初始化克隆

                //样式控制
                var num = d.num;
                var _p = this.find('li');
                var allNum = _p.length;

                _p.eq(num).addClass(_s);


                var timeID = setInterval(Up,_time);
                this.hover(function(){clearInterval(timeID)},function(){timeID = setInterval(Up,_time);});
                function Up(){
                    _con.animate({marginTop: '-'+_conChildH});
                    //样式控制
                    _p.removeClass(_s);
                    num += 1;
                    _p.eq(num).addClass(_s);

                    if(_conH == _conChildH){
                        _con.animate({marginTop: '-'+_conChildH},"normal",over);
                    } else {
                        _conChildH += _temp;
                    }
                }
                function over(){
                    _con.attr("style",'margin-top:0');
                    _conChildH = _temp;
                    num = 1;
                    _p.removeClass(_s);
                    _p.eq(num).addClass(_s);
                }
            }
        })(jQuery);
        $('#scrollDiv').FontScroll({time: 2000,num: 1});
    </script>
<div style="display: none;"></div>
<script type="text/javascript">
        $.cookie('_USER_DOMAIN', 'http://xm.xtuan.com', { expires:365,domain:'xtuan.com'});
        $('.selector,.zx-logo,.noborder').click(
    function(){
        $.cookie('_USER_DOMAIN', null, {expires:-1,domain:'xtuan.com',path:'/'});
        return true;
        //location.href='http://www.xtuan.com';
    }
);
</script><!-- <script type="text/javascript" src="https://kf9.kuaishang.cn/bs/ks.j?cI=180081&fI=63403" charset="utf-8"></script -->


</div>
<div class="newkf">
    <div class="newkf_hide" style="display: block;">
        <div class="newkf_hidebox">
            <div class="hide_box"></div>
            <a id="newkftop" href="javascript:;" title="回到顶部" style="display: none;">回到顶部</a>
        </div>
    </div>
    <div class="newkf_show" style="display: none; height: 350px;">
        <div class="newkf_showbox">
            <a class="newkf_close" href="javascript:;" title="关闭"></a>
            <a class="newkf_ht" id="newkf_ht" title="在线客服" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1014504153&amp;site=qq&amp;menu=yes" rel="nofollow" target="_blank"></a>
            <a class="newkf_qq" id="newkf_qq" title="在线客服" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1014504153&amp;site=qq&amp;menu=yes" rel="nofollow" target="_blank"></a>
            <a class="newkf_zx" id="newkf_zx" title="快捷装修" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1014504153&amp;site=qq&amp;menu=yes" rel="nofollow" target="_blank"></a>
            <div class="newkf_share">
                <a id="newkf_gz" title="关注我们" href="javascript:;"></a>
                <div id="newkf_chat_weixin">
                    <div class="xzx_box">
                        <img src="image/wrap_weixin.jpg">
                </div>
                </div>
            </div>
            <a id="newkfbottom" href="javascript:;" title="回到顶部" style="display: inline;">回到顶部</a>
        </div>
    </div>
</div>
</body>
</html>